<!DOCTYPE html>
<html>
<head>
	<title>免费试听</title>
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<meta  name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		.tryCont {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #fff;
		}
		.tryTitle {
			text-align: left;
			min-width: 320px;
			font-size: 17px;
			margin: 30px 0 40px;
		}
		.tryCont a {
			width: 335px;
			height: 111px;
			margin-bottom: 17px;
		}
	</style>
</head>
<body>
	<div class="mainContent">
		<div class="tryCont">
			<p class="tryTitle">选择你感兴趣的课程</p>
			<a href="">
				<img src="./statics/img/try/level1.png">
			</a>
			<a href="">
				<img src="./statics/img/try/level2.png">
			</a>
			<a href="">
				<img src="./statics/img/try/level3.png">
			</a>
			<a href="">
				<img src="./statics/img/try/level4.png">
			</a>
		</div>
	</div>
</body>
</html>